<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="../css/case/change.css" />
<script src="../js/common/jquery.js"></script>
<script src="../js/common/drag.js"></script>
<script src="../js/common/angular.min.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/case/change.js"></script>
</head>
<body ng-app="myApp">

<div class="dqwz">
    <span>当前位置：</span>
    <span>tab切换</span>
</div>

<div class="changeBox" ng-controller="changeCtrl as qhCtrl">

    <div class="changeBtn">
        <ul>
            <li ng-repeat="item in qhCtrl.items" ng-class="{'active':item.id==qhCtrl.setType}" ng-click="qhCtrl.setType=item.id">
                <span>{{item.name}}</span>
            </li>
        </ul>
    </div>

    <div class="changePage">
        <ul>
            <li ng-show="qhCtrl.setType==1">第一个页面</li>
            <li ng-show="qhCtrl.setType==2">第二个页面</li>
            <li ng-show="qhCtrl.setType==3">第三个页面</li>
            <li ng-show="qhCtrl.setType==4">第四个页面</li>
        </ul>
    </div>

</div>

</body>
</html>
